<!DOCTYPE html>
<html lang="en" style="height: 100%;">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>端</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <!-- 层叠性：咱们的css 要 层叠 框架的 -->
    <link rel="stylesheet" href="./Bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="./Bootstrap/font/bootstrap-icons.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <script src="./Bootstrap/js/bootstrap.bundle.min.js"></script>
  </head>
  <body>
    <!-- 导航 -->
    <nav class="navbar navbar-expand-lg bg-body-tertiary fixed-top">
      <div class="container">
        <a class="navbar-brand" href="#"
          ><img src="./assets/images/logo.png" alt=""
        /></a>
        <button
          class="navbar-toggler"
          type="button"
          data-bs-toggle="collapse"
          data-bs-target="#navbarNav"
          aria-controls="navbarNav"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
          <ul class="navbar-nav">
            <li class="nav-item active">
              <a class="nav-link" aria-current="page" href="#">首页</a>
            </li>
            <li class="nav-item">
              <a
                class="nav-link"
                href="https://gitee.com/LynLuc/a-simple-game-release-page"
                target="_blank"
                >Gitee</a
              >
            </li>
            <li class="nav-item">
              <a class="nav-link" href="game\2048\game2048.html" target="_blank"
                >2048</a
              >
            </li>
            <li class="nav-item">
              <a class="nav-link" href="game\wuzi\wuzi.html" target="_blank"
                >五子棋</a
              >
            </li>
            <li class="nav-item">
              <a
                class="nav-link"
                href="game\snake_game\index.html"
                target="_blank"
                >贪吃蛇</a
              >
            </li>
            <li class="nav-item">
              <a class="nav-link" href="game/Tank/index.html" target="_blank"
                >坦克大战</a
              >
            </li>
            <li class="nav-item dropdown">
              <a
                class="nav-link dropdown-toggle"
                href="#"
                role="button"
                data-bs-toggle="dropdown"
                aria-expanded="false"
              >
                关于
              </a>
              <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="https://gitee.com/LynLuc/a-simple-game-release-page" target="_blank">项目地址</a>
                <a class="dropdown-item" href="https://gitee.com/LynLuc/a-simple-game-release-page" target="_blank">gitee.com/LynLuc/...</a></li>
                <li><hr class="dropdown-divider"></li>
                <li><a class="dropdown-item" href="#">班级</a></li>
                  <a class="dropdown-item" href="#">23软件技术2班</a>
                </li>
                <li><hr class="dropdown-divider"></li>
                <li><a class="dropdown-item" href="#">学号</a></li>
                  <a class="dropdown-item" href="#">23003007</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <!-- 修复导航栏手机端ui高度 -->
    <div class="nav-sm-fix"></div>
    <!-- 轮播图 -->
    <div id="carouselExampleIndicators" class="carousel slide">
      <div class="carousel-indicators">
        <button
          type="button"
          data-bs-target="#carouselExampleIndicators"
          data-bs-slide-to="0"
          class="active"
          aria-current="true"
          aria-label="Slide 1"
        ></button>
        <button
          type="button"
          data-bs-target="#carouselExampleIndicators"
          data-bs-slide-to="1"
          aria-label="Slide 2"
        ></button>
        <button
          type="button"
          data-bs-target="#carouselExampleIndicators"
          data-bs-slide-to="2"
          aria-label="Slide 3"
        ></button>
        <button
          type="button"
          data-bs-target="#carouselExampleIndicators"
          data-bs-slide-to="3"
          aria-label="Slide 4"
        ></button>
      </div>
      <div class="carousel-inner">
        <div class="carousel-item active"></div>
        <div class="carousel-item"></div>
        <div class="carousel-item"></div>
        <div class="carousel-item"></div>
      </div>
      <button
        class="carousel-control-prev"
        type="button"
        data-bs-target="#carouselExampleIndicators"
        data-bs-slide="prev"
      >
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
      </button>
      <button
        class="carousel-control-next"
        type="button"
        data-bs-target="#carouselExampleIndicators"
        data-bs-slide="next"
      >
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
      </button>
    </div>
    <!-- project -->
    <div class="project container">
      <div class="title">
        <h2>GameSource / 在线游戏</h2>
        <p>轻松一刻，小游戏伴你行</p>
      </div>
      <div class="content">
        <div class="row">
          <div class="col-lg-3 col-md-6"><a href="game/snake_game/index.html" target="_blank"> </a></div>
          <div class="col-lg-3 col-md-6"><a href="game/2048/game2048.html" target="_blank"></a></div>
          <div class="col-lg-3 col-md-6"><a href="game/wuzi/wuzi.html" target="_blank"></a></div>
          <div class="col-lg-3 col-md-6"><a href="game/Tank/index.html" target="_blank"></a></div>
        </div>
      </div>
    </div>
    <footer class="footer mt-auto py-3 bg-light">  
      <div class="container">  
          <span class="text-muted">&copy; 2024 23软件2班李冠林 All rights reserved.</span>  
      </div>  
  </footer>
  </body>
</html>
